<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"    
      xmlns:f="http://java.sun.com/jsf/core">

    <body>
        <ui:composition template="./../MasterPage/masterPage.xhtml">
            <ui:define name="content">                
                <p:panel header="NUEVO BOLETO DE VENTA:">
                    <h:form id="frmfieldset">
                        <p:growl id="grow2" showDetail="true"/>
                        <h:panelGrid id="nuevo" columns="1" width="100%" >                
                            <p:fieldset legend="DATOS DEL BOLETO"   toggleSpeed="500">  
                                <p:ajax event="toggle"  update="grow2" />
                                <h:panelGrid id="mensajes" columns="1" style="width: 40%">

                                </h:panelGrid>                    
                                <h:panelGrid columns="2" cellpadding="10">     



                                    <h:outputText value="AGENCIA:" style="font-weight: bold;"/>

                                    <h:outputText value="#{managedBeanVenta.objetoViaje.agencia.ciudad.departamento.depDepartamento} #{managedBeanVenta.objetoViaje.agencia.ciudad.ciudCiudad} #{managedBeanVenta.objetoViaje.agencia.agenDireccion}" style="font-weight: bold;"/>

                                    <h:outputText value="NUMERO ASIENTO:" style="font-weight: bold;"/>
                                    <h:outputText value="#{managedBeanVenta.numeroAsiento}" style="font-size: 25px; color: red; text-align: center; font-weight: bold;"/>



                                    <h:outputText value="TIPO COMPROBANTE:"/> 
                                    <p:selectOneMenu value="#{managedBeanVenta.objetoVentas.tipocomprobante}" effect="drop" style="width:250px" converter="TipoComprobanteConverter" >
                                        <f:selectItems   value="#{managedBeanTipoComprobantePago.objetoItems}"/>
                                    </p:selectOneMenu>


                                    <h:outputText value="TIPO DOCUMENTO IDENTIDAD:"/> 
                                    <p:selectOneMenu value="#{managedBeanVenta.objetoVentas.tipodocumentoidentidad}" effect="drop" style="width:250px" converter="TipoDocumentoIdentidadConverter" >
                                        <f:selectItems   value="#{managedBeanTipoDocumentoIdentidad.objetoItems}"/>
                                    </p:selectOneMenu>

                                    <h:outputText value="IGV:"/> 
                                    <p:selectOneMenu value="#{managedBeanVenta.objetoVentas.igv}" effect="drop" style="width:75px" converter="IgvConverter" >
                                        <f:selectItems   value="#{managedBeanIgv.IGVActual}"/>
                                    </p:selectOneMenu>

                                    <h:outputText value="TIPO CLIENTE:"/>
                                    <p:selectOneRadio  value="#{managedBeanCliente.personaNatural}" >
                                        <p:ajax listener="#{managedBeanCliente.filtrarClientes}"  />
                                        <f:selectItem itemLabel="PERSONA" itemValue="true" />
                                        <f:selectItem itemLabel="EMPRESA" itemValue="false" />

                                    </p:selectOneRadio>

                                <h:outputText value="CLIENTE : "/>

<p:autoComplete maxResults="10"  id="Autocomplete" effect="fade"
                value="#{managedBeanVenta.objetoVentas.cliente}"
                 completeMethod="#{managedBeanCliente.completar_filtrado_Clientes}"
                 var="item_cliente" itemLabel="#{item_cliente.cliRUC} #{item_cliente.cliRazSoc}"
                  itemValue="#{item_cliente}"
                 
               converter="ClienteConverter"  minQueryLength="13"
               size="42"
                />


                                    

                                    <h:outputText value="MONTO:"/> 
                                    <h:outputText style="width: 55px"   value="#{managedBeanVenta.objetoViaje.viaPrecio}">
                                        <f:convertNumber type="currency" minFractionDigits="2" pattern="#0.00"/>
                                    </h:outputText>                        


                                    <p:commandButton icon="ui-icon-disk"  value="Insertar" action="#{managedBeanVenta.insertar()}" update=":frmfieldset:grow2  :frmfieldset:mensajes" />                        
                                </h:panelGrid>  
                            </p:fieldset>
                        </h:panelGrid>
                    </h:form>


                </p:panel>

            </ui:define>
        </ui:composition>
    </body>
</html>